<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
	/* Firefox >= 4 */
	:-moz-any(html) #overlay {
	opacity: 1;
	background: -moz-radial-gradient(50% 50%, circle, #f0f0f0 50px, #626262 800px);
	filter: url(#blur); /* Need to be same origin */
	}
</style>
<link href="my_style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript" src="scripts.js"></script>
<script type="text/javascript" src="underscore.min.js"></script>
<title>Ewok Poker</title>
</head>
<body>
	<svg style="height: 0">
			<defs>
				<filter id="blur"><feGaussianBlur stdDeviation="3"/></filter>
			</defs>
		</svg>
<div class = "main">
	<div class = "table">
			<div class = "pos" id = "p1">
				<div class = "actiondiv"> <span class = 'playeraction' id = "p1action" ></span> </div>
				<div class = "namediv"> <span class = "playername" id = "p1name"></span> </div>
				<div class = "moneydiv"> <span class = "playermoney" id = "p1money"></span> </div>
				<span class = "betamount" id = "p1bet"></span>
			</div>
			
			<div class = "pos" id = "p2">
				<div class = "actiondiv"> <span class = 'playeraction' id = "p2action" ></span> </div>
				<div class = "namediv"> <span class = "playername" id = "p2name"></span> </div>
				<div class = "moneydiv"> <span class = "playermoney" id = "p2money"></span> </div>
				<span class = "betamount" id = "p2bet"></span>
			</div>
			<div class = "pos" id = "p3">
				<div class = "actiondiv"> <span class = 'playeraction' id = "p3action" ></span> </div>
				<div class = "namediv"> <span class = "playername" id = "p3name"></span> </div>
				<div class = "moneydiv"> <span class = "playermoney" id = "p3money"></span> </div>
				<span class = "betamount" id = "p3bet"></span>
			</div>
			<div class = "pos" id = "p4">
				<div class = "actiondiv"> <span class = 'playeraction' id = "p4action" ></span> </div>
				<div class = "namediv"> <span class = "playername" id = "p4name"></span> </div>
				<div class = "moneydiv"> <span class = "playermoney" id = "p4money"></span> </div>
				<span class = "betamount" id = "p4bet"></span>
			</div>
			<div class = "pos" id = "p5">
				<div class = "actiondiv"> <span class = 'playeraction' id = "p5action" ></span> </div>
				<div class = "namediv"> <span class = "playername" id = "p5name"></span> </div>
				<div class = "moneydiv"> <span class = "playermoney" id = "p5money"></span> </div>
				<span class = "betamount" id = "p5bet"></span>
			</div>
			<div class = "pos" id = "p6">
				<div class = "actiondiv"> <span class = 'playeraction' id = "p6action" ></span> </div>
				<div class = "namediv"> <span class = "playername" id = "p6name"></span> </div>
				<div class = "moneydiv"> <span class = "playermoney" id = "p6money"></span> </div>
				<span class = "betamount" id = "p6bet"></span>
			</div>
			<div class = "pos" id = "p7">
				<div class = "actiondiv"> <span class = 'playeraction' id = "p7action" ></span> </div>
				<div class = "namediv"> <span class = "playername" id = "p7name"></span> </div>
				<div class = "moneydiv"> <span class = "playermoney" id = "p7money"></span> </div>
				<span class = "betamount" id = "p7bet"></span>
			</div>
			<div class = "pos" id = "p8">
				<div class = "actiondiv"> <span class = 'playeraction' id = "p8action" ></span> </div>
				<div class = "namediv"> <span class = "playername" id = "p8name"></span> </div>
				<div class = "moneydiv"> <span class = "playermoney" id = "p8money"></span> </div>
				<span class = "betamount" id = "p8bet"></span>
			</div>
			<div class = "pos" id = "p9">
				<div class = "actiondiv"> <span class = 'playeraction' id = "p9action" ></span> </div>
				<div class = "namediv"> <span class = "playername" id = "p9name"></span> </div>
				<div class = "moneydiv"> <span class = "playermoney" id = "p9money"></span> </div>
				<span class = "betamount" id = "p9bet"></span>
			</div>
			<div id = "dealer"></div>
			<div class = "cardplaces" >
				<div class = "ccard" id = "flop1"> </div>
				<div class = "ccard" id = "flop2"> </div>
				<div class = "ccard" id = "flop3"> </div>
				<div class = "ccard" id = "turn"></div>
				<div class = "ccard" id = "river"></div>
			</div>
			<span id = "totalpot">Total pot: $0</span>
	</div>
	<div class = "footer" >
		<div class = "chat"> 
			<div class = "chattext">
			<textarea id = "chattextarea" readonly="readonly"></textarea> 
			</div>
			<div class = "inputtext">
				<form name="input" action="" method="post" onSubmit="return false;">
					<input id = "textinput" type="text" name="message" />
<!--					<input type="submit" value="Send" />-->
					<button id = "sendbutton" type="button">Send</button>
				</form> 
			</div>
		</div>
	
		<div class = "buttons"> 
			<form method="post" action="">
				<input class = "button" id = "foldbutton" type="button" value="Fold">
			</form>
			<form method="post" action="">
				<input class = "button" id = "checkbutton" type="button" value="Check/Call">
			</form>
			<form method="post" action="">
				<input class = "button" id = "raisebutton" type="button" value="Raise">
			</form>
			

		</div>
	<form method="post" action="">
				<input  id = "startleavebutton" type="button" value="Start">
			</form>

	</div>
			
</div>


</body>
</html>